<div class="main">

  <!--个人-->
  <div class="personal" *ngIf="selectValue == 'personal'">
    <div style=" background: #eeeeee; text-align:left;height:47px;line-height:47px;font-size:18px;padding-left:10px;">用户信息</div>
    <form nz-form id="formPersonal">
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label>用户名</label>
        </div>
        <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
          <nz-input name="userCode" [nzType]="'text'" [nzSize]="'large'" [nzId]="'userCode'" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.userCode'>
          </nz-input>

        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="userName">用户姓名</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="userName" [nzSize]="'large'" [nzType]="'userName'" [nzId]="'userName'" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.userName'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="roleType">用户类型</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'roleId'" [nzId]="'roleId'" name="roleId" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.roleId'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardType">用户持证类型</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardType'" [nzId]="'cardType'" name="cardType" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.cardType'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardTypeNumber">证件号</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardTypeNumber'" [nzId]="'cardTypeNumber'" name="cardTypeNumber"
            [nzDisabled]=true [(ngModel)]='userListDetailBean.cardTypeNumber'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardNumber">身份证号码</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardNumber'" [nzId]="'cardNumber'" name="cardNumber" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.cardNumber'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="partyId">单位全称</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'partyName'" [nzId]="'partyName'" name="partyName" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.partyName'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="mobile">办公电话</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="mobile" [nzId]="'mobile'" [nzSize]="'large'" name="mobile" [nzDisabled]=true [(ngModel)]='userListDetailBean.mobile'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="phone">手机号码</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="phone" [nzId]="'phone'" [nzSize]="'large'" name="phone" [nzDisabled]=true [(ngModel)]='userListDetailBean.phone'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="email">E-mail</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'email'" [nzId]="'email'" name="email" [nzDisabled]=true [(ngModel)]='userListDetailBean.email'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="email">资质文件</label>
        </div>
        <nz-upload nzListType="picture-card" [(nzFileList)]="userListDetailBean.fileList" [nzShowButton]="false"
          [nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">
        </nz-upload>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="firstgt">第一次取证时间</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'firstgt'" [nzId]="'firstgt'" name="firstgt" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.firstgt'></nz-input>
        </div>
      </div>
      <!--<div nz-form-item nz-row>-->
        <!--<div nz-form-label nz-col [nzSpan]="9">-->
          <!--<label for="email">人脸设置</label>-->
        <!--</div>-->
        <!--<nz-upload nzListType="picture-card" [(nzFileList)]="userListDetailBean.faceUrl" [nzShowButton]="false"-->
          <!--[nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">-->
        <!--</nz-upload>-->
      <!--</div>-->

      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label>签名图片</label>
        </div>
        <nz-upload nzListType="picture-card" [(nzFileList)]="userListDetailBean.signImg" [nzShowButton]="false"
                   [nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">
        </nz-upload>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9" *ngIf="showFlag">
          <label for="">审批状态</label>
        </div>
        <div nz-form-label nz-col [nzSpan]="9" *ngIf="!showFlag">
          <label for="">审批</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <!--状态展示 1 申请中 2 审核通过 3 审核拒绝 -->
          <nz-radio-group [(ngModel)]="userListDetailBean.status" name="status" *ngIf="showFlag">
            <label nz-radio [nzValue]="'1'" [nzDisabled]="true">
              <span>申请中</span>
            </label>
            <label nz-radio [nzValue]="'2'" [nzDisabled]="true">
              <span>审核通过</span>
            </label>
            <label nz-radio [nzValue]="'3'" [nzDisabled]="true">
              <span>审核拒绝</span>
            </label>
          </nz-radio-group>

          <!--审批意见 1 申请中 2 审核通过 3 审核拒绝 -->
          <nz-radio-group [(ngModel)]="userListDetailBean.status" name="status" *ngIf="!showFlag">
            <label nz-radio [nzValue]="'2'" [nzDisabled]="false">
              <span>通过</span>
            </label>
            <label nz-radio [nzValue]="'3'" [nzDisabled]="false">
              <span>拒绝</span>
            </label>
          </nz-radio-group>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="qualificationsUrl">审批意见</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [(ngModel)]="userListDetailBean.remarks" [nzType]="'textarea'" [nzRows]="'4'" [nzPlaceHolder]="''"
            name="remarks" [nzDisabled]="showFlag"></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row *ngIf="!showFlag">
        <div nz-col [nzSpan]="10"></div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
            返 回
          </button>
        </div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="submit()">
            提 交
          </button>
        </div>
      </div>
      <div nz-form-item nz-row *ngIf="showFlag">
        <div nz-col [nzSpan]="12"></div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
            返 回
          </button>
        </div>
      </div>
    </form>
  </div>


  <!--单位-->
  <div class="company" *ngIf="selectValue == 'company'">
    <form nz-form>
      <div class="info">用户信息</div>
      <div class="company-content">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>用户名</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="userCode" [nzDisabled]=true [(ngModel)]="partyListDetailBean.userCode">
            </nz-input>
          </div>
        </div>
      </div>
      <div class="info">企业信息</div>
      <div class="company-content">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>单位名称</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="partyName" [nzDisabled]=true [(ngModel)]="partyListDetailBean.partyName">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>行政区划</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="addresOptions" [nzDisabled]=true [(ngModel)]="addresOptions">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>单位地址</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="partyAddr" [nzDisabled]=true [(ngModel)]="partyListDetailBean.partyAddr">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>法人代表</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="corporation" [nzDisabled]=true [(ngModel)]="partyListDetailBean.corporation">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>单位电话</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="telephone" [nzDisabled]=true [(ngModel)]="partyListDetailBean.telephone">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>邮政编码</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="postalCode" [nzDisabled]=true [(ngModel)]="partyListDetailBean.postalCode">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>组织机构代码/全国统一信用代码</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" name="creditCode" [nzDisabled]=true [(ngModel)]="partyListDetailBean.creditCode">
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>营业执照注册号</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.businessLicenseNum" name="businessLicenseNum"
              [nzDisabled]=true>
            </nz-input>

          </div>
        </div>
        <!-- <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>所属行业</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.industry" name="industry" [nzDisabled]=true>
            </nz-input>
          </div>
        </div> -->
      </div>


      <div class="info">联系人信息</div>
      <div class="company-content">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>联系人</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.contacts" name="contacts"
              [nzDisabled]=true>
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="contactsWork">联系人职务</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzSize]="'large'" [nzType]="'contactsWork'" [nzId]="'contactsWork'" [(ngModel)]="partyListDetailBean.contactsWork"
              name="contactsWork" [nzDisabled]=true></nz-input>
          </div>
        </div>

        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="contactsCard">联系人身份证号</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzSize]="'large'" [nzType]="'contactsCard'" [nzId]="'contactsCard'" [(ngModel)]="partyListDetailBean.contactsCard"
              name="contactsCard" [nzDisabled]=true></nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="contactsPhone">联系人电话</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzSize]="'large'" [nzType]="'contactsPhone'" [nzId]="'contactsPhone'" [(ngModel)]="partyListDetailBean.contactsPhone"
              name="contactsPhone" [nzDisabled]=true></nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="contactsEmile">联系人邮箱</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzSize]="'large'" [nzType]="'contactsEmile'" [nzId]="'contactsEmile'" [(ngModel)]="partyListDetailBean.contactsEmile"
              name="contactsEmile" [nzDisabled]=true></nz-input>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="contactsMobile">联系人手机</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzSize]="'large'" [nzType]="'contactsMobile'" [nzId]="'contactsMobile'" [(ngModel)]="partyListDetailBean.contactsMobile"
              name="contactsMobile" [nzDisabled]=true></nz-input>

          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>联系人地址</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.contactsAddress" name="contactsAddress"
              [nzDisabled]=true>
            </nz-input>

          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="businessLicenseImg">组织机构代码证或营业执照</label>
          </div>
          <nz-upload nzListType="picture-card" [(nzFileList)]="partyListDetailBean.businessLicenseImg" [nzShowButton]="false"
            [nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">
          </nz-upload>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="zzzs">单位资质证书</label>
          </div>
          <nz-upload nzListType="picture-card" [(nzFileList)]="partyListDetailBean.zzzs" [nzShowButton]="false"
            [nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">
          </nz-upload>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label>单位资质等级</label>
          </div>
          <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.zzdj" name="zzdj"
              [nzDisabled]=true>
            </nz-input>
          </div>
        </div>
        <div nz-form-item nz-row *ngIf="partyListDetailBean.partyType==1">
          <div nz-form-label nz-col [nzSpan]="9">
            <label>维保星级</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [nzType]="'text'" [nzSize]="'large'" [(ngModel)]="partyListDetailBean.maintStart" name="maintStart"
              [nzDisabled]=true>
            </nz-input>
          </div>
        </div>

        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9" *ngIf="showFlag">
            <label for="">审批状态</label>
          </div>
          <div nz-form-label nz-col [nzSpan]="9" *ngIf="!showFlag">
            <label for="">审批</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <!--状态展示 1 申请中 2 审核通过 3 审核拒绝 -->
            <nz-radio-group [(ngModel)]="partyListDetailBean.status" name="status" *ngIf="showFlag">
              <label nz-radio [nzValue]="'1'" [nzDisabled]="true">
                <span>申请中</span>
              </label>
              <label nz-radio [nzValue]="'2'" [nzDisabled]="true">
                <span>审核通过</span>
              </label>
              <label nz-radio [nzValue]="'3'" [nzDisabled]="true">
                <span>审核拒绝</span>
              </label>
            </nz-radio-group>

            <!--审批意见 1 申请中 2 审核通过 3 审核拒绝 -->
            <nz-radio-group [(ngModel)]="partyListDetailBean.status" name="status" *ngIf="!showFlag">
              <label nz-radio [nzValue]="'2'" [nzDisabled]="false">
                <span>通过</span>
              </label>
              <label nz-radio [nzValue]="'3'" [nzDisabled]="false">
                <span>拒绝</span>
              </label>
            </nz-radio-group>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSpan]="9">
            <label for="qualificationsUrl">审批意见</label>
          </div>
          <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
            <nz-input [(ngModel)]="partyListDetailBean.remarks" [nzType]="'textarea'" [nzRows]="'4'" [nzPlaceHolder]="''"
              name="remarks" [nzDisabled]="showFlag"></nz-input>
          </div>
        </div>
        <div nz-form-item nz-row *ngIf="!showFlag">
          <div nz-col [nzSpan]="10"></div>
          <div nz-col [nzSpan]="3">
            <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
              返 回
            </button>
          </div>
          <div nz-col [nzSpan]="3">
            <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="submit()">
              提 交
            </button>
          </div>
        </div>
        <div nz-form-item nz-row *ngIf="showFlag">
          <div nz-col [nzSpan]="12"></div>
          <div nz-col [nzSpan]="3">
            <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
              返 回
            </button>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
  </ng-template>
</nz-modal>
